
// pages/home/home.js
Page({

  /**
  * 页面的初始数据
  */
  data: {

    // 当前设备的宽和高
    winWidth: 0,
    winHeight: 0,
    showTop:true,

    // 顶部商户信息
    shop: [{ 'logo': 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2075017069,3129453448&fm=27&gp=0.jpg', 'name': 'BeautySPA', 'tel': '13120084113', 'address': 'BeautySPA地址栏BeautySPA地址栏BeautySPA地址栏', 'time':'9:00-21:00'}],
    // 项目服务 列表
    fwlist: [
      { 'img': 'http://img4.imgtn.bdimg.com/it/u=4212067770,1537027304&fm=27&gp=0.jpg', 'name': '春季新款', 'left': 'true', 'bind1': 'toall', 'bind2': '###' },
      { 'img': 'http://img0.imgtn.bdimg.com/it/u=19429206,3195326478&fm=27&gp=0.jpg', 'name': '优雅法式', 'left': 'false', 'bind1': 'toall', 'bind2': '###' },
      { 'img': 'http://img2.imgtn.bdimg.com/it/u=1974506815,1880274427&fm=27&gp=0.jpg', 'name': '纯色Q甲', 'left': 'true', 'bind1': 'toall', 'bind2': '###' },
      { 'img': 'http://img4.imgtn.bdimg.com/it/u=3605168608,2683590742&fm=27&gp=0.jpg', 'name': '闪耀钻甲', 'left': 'false', 'bind1': 'toall', 'bind2': '###' },
    ],
    // 咨询教程假数据
    consulting:[
      { 'img': 'http://img2.imgtn.bdimg.com/it/u=3800340106,3779803364&fm=27&gp=0.jpg', 'til': '重回90年代复古装重回90年代复古装', 'bind': 'show', },
      { 'img': 'http://img1.imgtn.bdimg.com/it/u=3067772271,4050541070&fm=27&gp=0.jpg', 'til': '重回90年代复古装重回90年代复古装', 'bind': 'show', },
      { 'img': 'http://img2.imgtn.bdimg.com/it/u=3149916768,99552788&fm=27&gp=0.jpg', 'til': '重回90年代复古装重回90年代复古装', 'bind': 'show', },
      { 'img': 'http://img3.imgtn.bdimg.com/it/u=2339079791,1068785332&fm=27&gp=0.jpg', 'til': '重回90年代复古装重回90年代复古装', 'bind': 'show', },
      { 'img': 'http://img0.imgtn.bdimg.com/it/u=4070361305,2180241119&fm=27&gp=0.jpg', 'til': '重回90年代复古装重回90年代复古装', 'bind': 'show', },
      { 'img': 'http://img4.imgtn.bdimg.com/it/u=1920903388,3120079666&fm=27&gp=0.jpg', 'til': '重回90年代复古装重回90年代复古装', 'bind': 'show', },
      { 'img': 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2672705098,4027022059&fm=27&gp=0.jpg', 'til': '重回90年代复古装重回90年代复古装', 'bind': 'show', },
    ],


    // 顶部轮播图
    swlist: [
      { 'img': 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=4084706770,152240244&fm=27&gp=0.jpg', 'til': '必点招牌', 'bind': 'tofoodlist' },
      { 'img': 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2487362509,210512308&fm=27&gp=0.jpg', 'til': '贝壳虾类', 'bind': 'tofoodlist' },
      { 'img': 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2560616023,3751259708&fm=27&gp=0.jpg', 'til': '特色美食', 'bind': 'tofoodlist' },
      { 'img': 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2538279878,2109386382&fm=27&gp=0.jpg', 'til': '精品凉菜', 'bind': 'tofoodlist' },
    ],



    yy: 'images/yy.png',
    yy1: 'images/yy1.png',
    maskshow: true,


    item: {
      index: 0,
      msg: 'this is a template',
      time: '2016-09-15'
    }
  },
  // 联系电话
  callme: function () {
    wx.makePhoneCall({
      phoneNumber: '13120084113',
      success: function (res) { },
      fail: function (res) { },
      complete: function (res) { },
    })
  },
  // 调换详情
  tomap: function () {
    wx.navigateTo({
      url: '../map/map',
      success: function (res) { },
      fail: function (res) { },
      complete: function (res) { },
    })
  },
  // 调换详情
  showdetail: function () {
    wx.navigateTo({
      url: '../show/showdetail',
      success: function (res) { },
      fail: function (res) { },
      complete: function (res) { },
    })
  },
  // 查看所有分类
  toall:function(){
    wx.switchTab({
      url: '../show/show',
      success: function(res) {},
      fail: function(res) {},
      complete: function(res) {},
    })
  },
  //  跳转 展示更多
  toshowmore: function () {
    wx.navigateTo({
      url: '../more/showmore',
      success: function (res) { },
      fail: function (res) { },
      complete: function (res) { },
    })
  },

  //  跳转更多资讯
  tomore:function(){
    wx.navigateTo({
      url: '../more/more',
      success: function(res) {},
      fail: function(res) {},
      complete: function(res) {},
    })
  },
  // tabbar显示隐藏
  showbar: function () {
    console.log('显示tabbar')
    wx.showTabBar({
      animation: true,
      success: function (d) {
        console.log('显示成功', d)
      }
    })
  },
  hidebar: function () {
    console.log('隐藏tabbar')
    wx.hideTabBar({
      animation: true,
      success: function (d) {
        console.log('隐藏成功', d)
      }
    })
  },
  // 防止遮罩层穿透
  myCatchTouch: function () {
    console.log('stop user scroll it!');
    return;
  },

  // 点击显示隐藏
  show: function () {
    this.setData({
      maskshow: !this.data.maskshow,
    })
  },
  //  屏幕滚出距离
  onPageScroll:function(e){
    var that = this
    //  获取手机信息
    wx.getSystemInfo({
      success: function (res) {
        console.log(res)
        that.setData({
          winWidth: res.windowWidth,
          winHeight: res.windowHeight
        });
      }
    });

    var winh = this.data.winHeight
    console.log(winh + "+++++++++++++++++屏幕高度")
    var one = e.scrollTop
    console.log(one+winh + "这是屏幕高度和滚动距离的和")
    if (one > 10){
      wx.hideTabBar({
        animation: true,
        success: function (d) {
          console.log('隐藏成功', d)
        }
      })
    } else{
      wx.showTabBar({
        animation: true,
        success: function (d) {
          console.log('显示成功', d)
        }
      })
    }
    if(one>30){
      that.setData({
        showTop:false
      })
    }else {
      that.setData({
        showTop: true
      })
    }
    
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    // console.log(winWidth)
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  
  }
})